<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library="css" name="default.css"/>
        <h:outputStylesheet library="css" name="cssLayout.css"/>
        <h:outputStylesheet library="css" name="bootstrap.css"/>

        <title>Inwi</title>
    </h:head>

    <h:body>


        <div id="top" class="top">
            <p:graphicImage library="images" name="logo.jpg" width="200px" height="100px"/>
        </div>
        <div>
            <div id="left">
                <ul class="nav nav-pills" >
                    <li> <a href="#"><i class="glyphicon glyphicon-home"> Home</i></a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-user"> Profile</i></a></li>
                   
                </ul>
            </div>
            <div id="content" class="left_content">
                <ui:insert name="content"></ui:insert>
            </div>
        </div>
        <h:outputScript library="js" name="bootstrap.js" />
    </h:body>

</html>
